Ext.onReady(function() {
			Ext.QuickTips.init();
			initMainWindow();
			initTreeNagtive();
		});
/* 设置主页面 */
var initMainWindow = function() {
	var view = new Ext.Viewport({
				layout : 'border',
				renderTo : Ext.getBody(),
				items : [{
							region : 'north',
							height : 50,
							closable : false
						}, {
							region : 'west',
							title : '导航',
							width : 200,
							maxSize : 200,
							minSize : 50,
							collapsible : true,
							layout : "accordion",
							layoutConfig : {
								titleCollapse : true,
								animate : true,
								aciveOnTop : true
							},
							items : [{
										id : "orderPanel"
									}, {
										id : 'goodPanel'
									}, {
										id : 'userPanel'
									}]
						}, {
							region : 'center',
							title : '业务',
							xtype : 'tabpanel',
							enableTabScroll : true,
							align : 'center',
							autoDestroy : false,
							layoutOnTabChange : true,
							activeTab : 0,
							id : 'content',
							enableTabScroll : true,
							resizeTabs : true,
							minTabWidth : 75,
							border : false,
							deferredRender:true,
							plugins : [scrollerMenu],
							listeners : {
								beforeremove : removeTabEvent
							}/*,
							items:[{
								title:'主页面',
								html:'您好'
							}]*/
						}, {
							region : 'south',
							closable : false,
							title : '版权',
							collapsible : true,
							height : 60,
							html : '版权'
						}]
			});
}
/* 设置window中center的tabpanel多出翻页效果插件 */
var scrollerMenu = new Ext.ux.TabScrollerMenu({
			maxText : 20,
			pageSize : 5
		});
/* 对导航树进行设置 */
var initTreeNagtive = function() {
	var nagtiveOrderTree = new Ext.tree.TreePanel({
				id : 'ordertree',
				closable : false,
				collapsible : true,
				split : true,
				containerScroll : true,
				autoScroll : true,
				border : false,
				title : '订单管理',
				el : "orderPanel"
			});
	var orderRoot = new Ext.tree.AsyncTreeNode({
				id : 'orderRoot',
				text : '订单管理业务'
			});
	nagtiveOrderTree.setRootNode(orderRoot);
	nagtiveOrderTree.render();
	orderRoot.expand();
	var nagtiveGoodTree = new Ext.tree.TreePanel({
				id : 'goodtree',
				closable : false,
				collapsible : true,
				split : true,
				containerScroll : true,
				autoScroll : true,
				border : false,
				title : '商品管理',
				el : "goodPanel",
				listeners : {
					dblclick : function(n) {
						var id = n.attributes.id;
						if (id!=null) {
							if (Ext.getCmp("content").getItem(id)) {
								// 表示标签已打开,则激活
								Ext.getCmp("content").setActiveTab(id);
							} else {
								// 表示标签还没有打开,创建新页面
								// 有url才打开页面
								Ext.getCmp("content").add(Ext.getCmp(id));
								Ext.getCmp("content").setActiveTab(Ext
										.getCmp(id));
							}
							
						}
						Ext.getCmp("content").doLayout();
					}
				}
			});
	var goodRoot = new Ext.tree.AsyncTreeNode({
				id : 'goodRoot',
				text : '商品管理业务',
				children : [{
							text : '类型管理',
							children : [{
										text : '大类型管理',
										qtip : '此功能对大类型商品类型进行管理',
										leaf : true,
										id : 'bigTypePanel'
									},{
										text : '小类型管理',
										qtip : '此功能对小类型商品类型进行管理',
										leaf : true,
										id : 'smallTypePanel'
									}]
						}]
			});
	nagtiveGoodTree.setRootNode(goodRoot);
	nagtiveGoodTree.render();
	goodRoot.expand();
	var nagtiveUserTree = new Ext.tree.TreePanel({
				id : 'usertree',
				closable : false,
				collapsible : true,
				border : false,
				split : true,
				containerScroll : true,
				autoScroll : true,
				title : '用户管理',
				el : "userPanel",
				listeners : {
					dblclick : function(n) {
						var id = n.attributes.id;
						if (id) {
							if (Ext.getCmp("content").getItem(id)) {
								// 表示标签已打开,则激活
								Ext.getCmp("content").setActiveTab(id);
							} else {
								// 表示标签还没有打开,创建新页面
								// 有url才打开页面
								Ext.getCmp("content").add(Ext.getCmp(id));
								Ext.getCmp("content").setActiveTab(id);
							}
						}
					}
				}
			});
	var userRoot = new Ext.tree.AsyncTreeNode({
				id : 'userRoot',
				text : '用户管理业务',
				children : [{
							text : '用户个人管理',
							children : [{
										text : '注册用户',
										qtip : '此功能对用户进行增加',
										leaf : true,
										id : 'registerForm'
									}]
						}]
			});
	nagtiveUserTree.setRootNode(userRoot);
	nagtiveUserTree.render();
	userRoot.expand();
}
function removeTabEvent(tabpanel, tab) {
	Ext.MessageBox.show({
				title : "关闭" + tab.title + "窗口确认",
				msg : "是否关闭当前窗口",
				buttons : Ext.Msg.YESNO,
				icon : Ext.Msg.QUESTION,
				fn : function(btn, text) {
					if (btn == "yes") {
						tabpanel.un("beforeremove", removeTabEvent);
						tabpanel.remove(tab);
						tabpanel.doLayout();
						tabpanel.addListener("beforeremove", removeTabEvent,
								tabpanel);
						tabpanel.hideTabStripItem(tab.hide());//取消隐藏渲染
					}
				}
			});
	return false;
}
